<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    Swing


    天行健 君子以自強不息

    posts - 69, comments - 215, trackbacks - 0, articles - 16
       :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

    TWaver Flex版簡介—超酷的Flex電信應用

    Posted on 2010-03-01 22:46 zht 閱讀(10675) 評論(2)  編輯  收藏

    TWaver Flex版簡介

    如果一提到TWaver很多人可能會都想到Swing。經過十幾年的發展,TWaver已經不再是一個簡單的Swing拓撲組件,這些年TWaver陸續推出了AJAX+SVG的Web版、GIS版,現在又出了Flex版。


    TWaver在線demo
    http://servasoftware.com/demo/twaver_flex/twaver-flex-online-demo.html),
    上面很多功能令人耳目一新。以這個經典的TWaver PSTN為例,細節上可能比Swing版還要細膩很多。整個TWaver Flex很多地方甚至已經體現出比TWaver Java的Swing版本更強的方面。

     

    此外,TWaver Flex中還有更多有趣的特性。

    全新告警渲染方式

    以前看過Micromuse的NetCool時候,對其告警呈現方式很有印象:一個告警色的菱形底座,既直觀又美觀。TWaver Flex中也提供了這種全新的告警渲染方式,而且還有各種形狀的“底座”可以選擇:

     

     

    另外,記得在使用Eclipse時如果有編譯錯誤,代碼tree上是如何呈現的嗎?一個動態產生的警告小圖標疊加在tree icon上,既簡潔,又清晰:

     

     

    TWaver Flex中也提供了類似效果。這種效果可以直接通過一個參數設置,不需要通過復雜的代碼進行實現:

     

     

    TWaver Flex中,告警在樹上的渲染還不止圖標的變化,demo中還提供了更多復雜的呈現方法,例如在icon后面再疊加一些額外信息,例如告警信息統計等等。例如demo中,一個交換機端口上產生了3個Critical(嚴重)告警,可以在tree icon后方再顯示一個球星icon以及告警數量和級別信息。另外交換機的邊框上告警傳播的模糊漸變渲染效果可能也比TWaver Java中更加細膩、生動:

     

     

    再加上一些新提供的告警表格、告警統計、chart,TWaver Flex中告警的呈現確實給人耳目一新的感覺:

     

     

    全新連線捆綁呈現法

    連線捆綁是TWaver比較有意思的特性:多個首尾相同的Link可以雙擊閉合和展開。TWaver Flex的demo中提供了更加豐富的特性。除了傳統的連線雙擊動態捆綁和打開外,還可以分組捆綁、捆綁形狀定義、捆綁代理動態定義、告警代理呈現,等等。

     

     

    上圖中下方的一組連線,其中藍色、紅色、綠色的連線可以有不同的形狀,他們可以分別雙擊展開、閉合。雙擊任意藍色連線和綠色連線,上圖變成這樣:

     

     

    更多自動布局算法

    自動布局算法是比較有趣和非常有用的部分。看到一個個拓撲圖變魔術一樣的被布局成千變萬化的形狀,確實很酷。在TWaver Flex的demo中,自動布局更加流暢、清晰。 

     

    另外一個就是網絡總線布局。和TWaver Java類似,Flex版中也提供了總線布局,顯示效果更加細膩(立體效果)。

     

     

    矢量圖支持

    TWaver Flex中有一個demo是顯示了矢量的美國地圖各個州以及一些chart現實出來的數據。仔細研究其代碼,發現是使用了xml定義的矢量圖格式,并用這些格式動態生成了一些節點對象。這樣,這些節點就不僅僅是地圖對象,還可以表示一些業務網絡并攜帶一些業務數據。這個功能在電信資源管理、網管系統里面肯定會非常有用。

     

     

    另外一個可以使用矢量圖的地方是節點圖片,除了位圖外,還可以使用Flex簡化的一個SVG格式,這樣可以實現圖片的無級縮放。例如TWaver Flex中這個demo中的節點,通過縮放后,可以觀察到確實使用了矢量圖格式:

     

     

     

    設備網格

    在做電信綜合網管系統時候,如何呈現各種廠商、各種型號、各種類型的電信設備,是件麻煩的事情。如果使用美工效果圖,工作量巨大;如果使用簡單的方格,則顯示效果過于簡單。TWaver Flex中的提供了網格呈現方法。通過對設備面板進行網格化,通過定義每個板卡占用的寬和高等,就可以比較清晰、容易的定義設備的結構,并且呈現的效果也不錯:

     

     

     

    當然使用網格+圖片的方式會有更好的效果:

     

     

    更多特效

    以下是一個拓撲圖魚眼示例圖,可以讓電信網管軟件增添一點生動。

     

    其他還有很多動畫效果,大家可以跑一下demo。

    流程圖

    通過流程圖的編輯器,可以直接拖拽出來一個流程圖,可以導出XML格式:

     

     


    對于大多數電信軟件開發者或以拓撲為的UI開發者來說,TWaver Flex已經足夠應付絕大多數電信系統的各種需求。

    總結

    混合了傳統Web和Flex的應用已經越來越多。如果有一天Flex被完整的支持在iPhone、Android等移動設備上,那么,有了TWaver Flex,“掌上運維”、“手持監控”等概念則不再僅僅是概念,而變成實實在在的應用。

    電信軟件向來嚴肅、嚴謹,“電信級”意味著比“企業級”要求更高一籌。穩定性、效率、可擴展性...都有很高的要求。無論是網管系統,還是各種監控系統、資源管理系統,大多都是C/S結構的天下。雖然Web的發展和成熟,基于Web模式的電信應用也開始多起來,尤其各種業務管理系統,而底層的網管系統還是以C/S的居多。當年以AJAX、JS等技術為代表的Web技術也面臨現在Flex同樣的質疑,而現在Web開發甚至變成了主流技術(看看所謂的SSH流行程度就可以感受到)。Flex作為一個UI部分的新技術,在復雜圖形方面的處理能力無疑是傳統Web應用的強有力補充。這也使得網管類的系統應用Web+Flex的混合方式成為可能。

    Flex或許會給電信軟件的開發帶來變革,一個UI開發方式的變革。

    Flex來了,無論是做電信應用還是企業應用,我們不必逃避它,還是緊緊的擁抱它吧!

    主站蜘蛛池模板: 看一级毛片免费观看视频| 2022年亚洲午夜一区二区福利| 日韩精品一区二区亚洲AV观看 | 91精品啪在线观看国产线免费| 中文字幕在线亚洲精品| 久久一区二区免费播放| 国产专区一va亚洲v天堂| 巨胸喷奶水视频www免费视频| 三上悠亚亚洲一区高清| 中文字幕成人免费高清在线视频 | 久久久久亚洲av无码专区| 亚洲视频免费在线观看| 亚洲的天堂av无码| 在线观看视频免费完整版| 亚洲日本VA午夜在线电影| 国产乱弄免费视频| 一级毛片大全免费播放| 亚洲色成人中文字幕网站| 久久免费看少妇高潮V片特黄| 精品亚洲成AV人在线观看| 最近中文字幕免费mv视频8| 色偷偷尼玛图亚洲综合| 国产午夜亚洲精品理论片不卡 | 亚洲理论精品午夜电影| 妞干网免费视频观看| 天堂亚洲免费视频| 亚洲AV一宅男色影视| 一区二区无码免费视频网站| 黄色网址在线免费观看| 亚洲av无码乱码国产精品fc2| 国产在线观看麻豆91精品免费| 18禁亚洲深夜福利人口| 亚洲色自偷自拍另类小说| 美女裸身网站免费看免费网站| 理论亚洲区美一区二区三区| 久久久久亚洲精品影视| 毛片免费观看的视频| 在线观看片免费人成视频播放 | 青青草国产免费国产是公开 | 亚洲av日韩av无码av| 亚洲精品无码99在线观看|